<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>我的</title>
	</head>

	<body class="mine">
		<main class="main">
			<!-- 头像、用户名 -->
			<div class="userinfo">
				<!-- 头像栏 -->
				<a href="mine_modify.html" class="avator">
					<img src="../../assets/images/dog.jpg" id="avator" />
					<span class="username">用户名</span>
					<span class="iconfont icon-qianjin"></span>
				</a>
				<!-- 签名信息 -->
				<p class="sign">个性签名：<span id="sign">*************</span></p>
			</div>
			<!-- 运动数据 -->
			<a href="mine_sports_data.html" class="data">
				<div class="title">
					<span class="iconfont icon-shuju"></span>
					运动数据
					<span class="iconfont icon-qianjin"></span>
				</div>
				<div class="totaldata">
					<div class="left">
						总运动
						<p><span id="sportsTime"></span>分钟</p>
					</div>
					<div class="right">
						本周消耗
						<p><span id="consume"></span>千卡</p>
					</div>
				</div>
			</a>
			<!-- 我的徽章 -->
			<a href="#" class="mybadge">
				<div class="title">
					<span class="iconfont icon-chengjiu"></span>
					我的运动徽章
					<span class="iconfont icon-qianjin"></span>
				</div>
				<ul>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</a>
			<!-- 退出登录 -->
			<div class="exit">
				<a href="#">退出登录</a>
			</div>
		</main>
		<!-- 底部导航tabbar -->
		<nav class="tabbar"></nav>
	</body>
</html>
